$(function () {
  // 禁用用户名表单
  $("input[name=username]")[0].disabled = true
  const form = layui.form
  // 一、获取跳转过来的地址栏的id
  // 1.1 获取id
  const id = window.location.search.split("=")[1]
  // console.log(id)

  // 1.2 根据id请求用户信息
  function getData() {
    $.ajax({
      type: "get",
      url: `admin/users/${id}`,
      success(res) {
        console.log(res)
        form.val("editForm", res.data)
      },
    })
  }
  getData()

  // 二、注册表单提交事件
  // 2.1 submit事件
  $(".layui-form").on("submit", e => {
    // 2.1.1 阻止默认行为
    e.preventDefault()

    // 2.1.2 获取表单值
    const data = form.val("editForm")
    console.log(data)

    // 2.1.3 发送请求更新数据
    $.ajax({
      type: "put",
      url: "admin/users",
      data: data,
      success(res) {
        // console.log(res)
        if (res.status === 0) {
          layer.msg("编辑用户成功", {
            icon: 1,
            time: 1000, //2秒关闭（如果不配置，默认是3秒）
          })
          setTimeout(() => {
            window.location.href = "./user.html"
          }, 1000)
        }
      },
    })
  })

  // 三、重置按钮功能
  $("#reset").click(() => {
    getData()
  })
})
